<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>传播知识-TARQAT.COM</title>
		<link rel="shortcut icon" href="./img/favico.ico" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="./css/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="./css/index.css"/>
		<script src="./js/jquery-1.8.3.js" type="text/javascript" charset="utf-8"></script>
		<script src="./js/index.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<header>
			<nav>
				<div class="nav-warp">
					<div class="container">
						<a href="" class="logo-box">
							<img src="./img/tarqat.png" alt="" />
						</a>
						<a class="slide-control" href="javascript:;">
							<i class="fa fa-reorder"></i>
						</a>
						<ul class="nav-box">
							<li class="in-this-page"><a href=""><i class="fa fa-home"></i>首页</a></li>
							<li><a href=""><i class="fa fa-cog"></i>设计</a></li>
							<li><a href=""><i class=" fa fa-download"></i>下载</a></li>
							<li><a href=""><i class="fa fa-magic"></i>案列</a></li>
							<li><a href=""><i class="fa fa-paper-plane-o"></i>联系</a></li>
						</ul>
					</div>
				</div>
			</nav>
		</header>
		<main>
			<div class="main-warp">
				<div class="container">
					<div class="left">
						<div class="msg">
							<p>欢迎使用由 艾尔肯 提供的 TARQAT主题，如有问题可以查看问题板块中的内容或者加入TARQAT官方1群：223133969(已满) TARQAT官方2群：308484218 </p>
							<a href="javascript:;" class="close-msg">x</a>
						</div>
						<div class="slider">
							<img src="./img/pic3.png" alt="" />
						</div>
						<article>
							<!--articles-->
						<div class="article-wrap">
							<a href="">
								<h3 class="title">TARQAT主题更新至2.0</h3>
							</a>
							<div class="t-t">
								<span class="igroup">
									<i class="fa fa-tags"></i>
									<a href=""><i>主题</i></a>,
									<a href=""><i>CSS3</i></a>
								</span>
								<span class="igroup">
									<i class="fa fa-eye"></i>
									<i>1200</i>
								</span>
								<span class="igroup">
									<i class="fa fa-calendar"></i>
									<i>2016-01-14</i>					
								</span>
							</div>
							<img class="article-pic" src="./img/pic.png" alt="" />
							<p class="short-con">HI，赞友们，在两个月前我们推出了tarqta2.0主题，但还是有一部分用户喜欢tarqat1的样式，所以在V2.0.7发布8个多月之后，再次更新tarqat2。 现在让我们一起看看 V2.1.0 所做的变动吧！ 注：使用之前版本的用户需要注意，插件、侧边栏、主题选项、页面模版.</p>
							<a class="read-all" href="">阅读全文</a>
						</div>
						
						<div class="article-wrap">
							<a href="">
								<h3 class="title">有目的有动力才叫成功</h3>
							</a>
							<div class="t-t">
								<span class="igroup">
									<i class="fa fa-tags"></i>
									<a href=""><i>生活</i></a>,
									<a href=""><i>教育</i></a>
								</span>
								<span class="igroup">
									<i class="fa fa-eye"></i>
									<i>1500</i>
								</span>
								<span class="igroup">
									<i class="fa fa-calendar"></i>
									<i>2016-01-12</i>					
								</span>
							</div>
							<img class="article-pic" src="./img/pic2.png" alt="" />
							<p class="short-con">HI，赞友们，在两个月前我们推出了tarqta2.0主题，但还是有一部分用户喜欢tarqat1的样式，所以在V2.0.7发布8个多月之后，再次更新tarqat2。 现在让我们一起看看 V2.1.0 所做的变动吧！ 注：使用之前版本的用户需要注意，插件、侧边栏、主题选项、页面模版.</p>
							<a class="read-all" href="">阅读全文</a>
						</div>
						
						<div class="article-wrap">
							<a href="">
								<h3 class="title">优秀的程序员必会的20个技巧</h3>
							</a>
							<div class="t-t">
								<span class="igroup">
									<i class="fa fa-tags"></i>
									<a href=""><i>程序猿</i></a>
								</span>
								<span class="igroup">
									<i class="fa fa-eye"></i>
									<i>29050</i>
								</span>
								<span class="igroup">
									<i class="fa fa-calendar"></i>
									<i>2016-01-10</i>					
								</span>
							</div>
							<img class="article-pic" src="./img/slider.png" alt="" />
							<p class="short-con">HI，赞友们，在两个月前我们推出了tarqta2.0主题，但还是有一部分用户喜欢tarqat1的样式，所以在V2.0.7发布8个多月之后，再次更新tarqat2。 现在让我们一起看看 V2.1.0 所做的变动吧！ 注：使用之前版本的用户需要注意，插件、侧边栏、主题选项、页面模版.</p>
							<a class="read-all" href="">阅读全文</a>
						</div>
						
						</article>
						<!--page-->
						<div class="page-wrap">
							<ul>
								<li class="this-page"><a href="">1</a></li>
								<li><a href="">2</a></li>
								<li><a href="">3</a></li>
								<li><a href="">...</a></li>
								<li><a href=""><i class="fa fa-arrow-right"></i></a></li>
							</ul>
						</div>
					</div>
					<div class="right">
						
						<div class="login">
							<div class="login-title">请登录</div>
							<div class="login-box">
								<div class="input-box">
									<div class="icon-box"><i class="fa fa-user"></i></div>
									<input class="inp" type="text" />
								</div>
								<div class="input-box">
									<div class="icon-box"><i class="fa fa-user"></i></div>
									<input class="inp" type="text" />
								</div>
								<div class="subs">
									<input type="submit" value="登录" />
									<a href="">注册</a>
								</div>
							</div>
						</div>
						<!--search-->
						<div class="search">
							<input type="text" placeholder="搜索.." />
							<a href=""><i class="fa fa-search"></i></a>
						</div>
						<!--hot list-->
						<div class="hot wr">
							<div class="hot-title ti">
								<span class="title-left"><i class="fa fa-fire"></i>最火文章</span>
								<span class="controller">
									<i class="fa fa-chevron-circle-up panel-toggle itogle"></i>
									<i class="fa fa-times-circle panel-remove remove"></i>
								</span>
							</div>
							<ul class="hot-list">
								<li><a href="">优秀的程序员必会的20个技巧</a></li>
								<li><a href="">面试中那些事儿</a></li>
								<li><a href="">程序员中的战斗机</a></li>
								<li><a href="">美工与设计师的差距</a></li>
								<li><a href="">杀马特怎么变成了月薪3万的程序员</a></li>
								<li><a href="">程序这条路是不归路吗</a></li>
								<li><a href="">学程序的目的是什么</a></li>
								<li><a href="">不会数学学不会编程吗</a></li>
							</ul>
						</div>
						<!--cate -->
						<div class="cate wr">
							<div class="cate-title ti">
								<span class="title-left"><i class="fa fa-book"></i>热门标签</span>
								<span class="controller">
									<i class="fa fa-chevron-circle-up panel-toggle itogle"></i>
									<i class="fa fa-times-circle panel-remove remove"></i>
								</span>
							</div>
							<ul class="cate-list">
								<a href="">AngularJS</a>
								<a href="">生活</a>
								<a href="">教育</a>
								<a href="">Bootstrap</a>
								<a href="">程序猿</a>
								<a href="">CSS3</a>
								<a href="">HTML5</a>
								<a href="">PHP</a>
								<a href="">Linux</a>
								<a href="">MySQL</a>
								<a href="">Jquery</a>
								<a href="">JavaScript</a>
								<a href="">Flat UI</a>
								<a href="">主题</a>
							</ul>
						</div>
						<!--link-->
						<div class="link wr">
							<div class="link-title ti">
								<span class="title-left"><i class="fa fa-chain"></i>友情链接</span>
								<span class="controller">
									<i class="fa fa-chevron-circle-up panel-toggle itogle"></i>
									<i class="fa fa-times-circle panel-remove remove"></i>
								</span>
							</div>
							<ul class="link-list">
								<a href="">大前端</a>
								<a href="">慕课网</a>
								<a href="">boots中文网</a>
								<a href="">好知网</a>
								<a href="">ZEALEAR</a>
								<a href="">HTML5梦工场</a>
							</ul>
						</div>
						
					</div>
				</div>
			</div>
		</main>
		<footer>
			<div class="footer-warp">
					<div class="container fo">
						Copyright © 2013 知识互联 <a href="">TARQAT.COM</a> - 用心创造每一站, 传播知识网站建设. All Rights Reserved.	Theme By <a href="">Erkin</a> 
					</div>
			</div>
					
		</footer>
		
	</body>
</html>
